<!DOCTYPE HTML>
<html>
   <head>
      <title>音乐index</title>
      <script type="text/javascript" src="jquery-1.11.3.js"></script>
      <script type="text/javascript" src="music.js"></script>
      <script type="text/javascript" src="support.js"></script>
      <script type="text/javascript" src="animation.js"></script>
      <meta charset="utf-8">
      <!--外部引用样式-->
      <link rel="stylesheet" type="text/css" href="qq音乐.css"/>
      <!--内部样式集合-->
      <style></style>
   </head>
   <body>

   <div class="header">
      <!--导航top-->
      <div class="header_top">
         <!--logo-->
         <img class="top_log" src="images/logo.png" />
         <!--导航1-->
         <ul>
            <li class="h_T_daohang1"><a>音乐馆</a></li>
            <li class="h_T_daohang2"><a>我的音乐</a></li>
            <li class="h_T_daohang2"><a>客户端</a></li>
            <li class="h_T_daohang2"><a>音乐号</a></li>
            <li class="h_T_daohang2"><a>VIP</a></li>
         </ul>
         <!--搜索框-->
         <div class="header_top_sou">
            <input class="header_top_txt" type="text" placeholder="中国新歌声第二季" />
            <button class="header_top_sou_bt">
               <i class="sousuo_icon"></i><!--i标签是行内元素，没有宽和高，要放内容的话，
                                          应该先设置显示为行内块，再设置宽和高，再放内容-->
            </button>
         </div>
         <!--用户快捷需求框-->
         <span class="header_top_user">
            <a class="header_top_user_a1">登录</a>
            <a class="header_top_user_a2">开通绿钻豪华版</a>
            <a class="header_top_user_a3">开通付费包</a>
         </span>  
        
      </div>
      <!--导航bottom-->
      <div class="header_bottom">
         <ul>
            <li class="h_b_list1"><a>首页</a></li>
            <li class="h_b_list2"><a>歌手</a></li>
            <li class="h_b_list1"><a>专辑</a></li>
            <li class="h_b_list1"><a>排行榜</a></li>
            <li class="h_b_list1"><a>分类歌单</a></li>
            <li class="h_b_list1"><a>电台</a></li>
            <li class="h_b_list1"><a>MV</a></li>
            <li class="h_b_list1"><a>数字专辑</a></li>
         </ul>
         
      </div>
   </div>



   <!--新歌首发-->
   <div class="sy_new">
      <!--左边按钮外包盒子-->
      <div class="sy_new_left">
         <!--左按钮-->
      <a class="sy_new_left_bt" id="sy_new_left_bt" href="javascript:lunboLeft()"><i class="s_n_l_bt_icon"></i></a>
      </div>
      <!--右边按钮外包盒子-->
      <div class="sy_new_right">
         <!--右按钮-->
      <a class="sy_new_right_bt" id="sy_new_right_bt" href="javascript:lunboRight()"><i class="s_n_r_bt_icon"></i></a>
      </div>

      <!--内容盒子-->
      <div class="sy_new_box">
         <!--标题-->
         <div class="sy_new_box_tit">
            <p class="sy_new_box_tit_p1"></p>
            <p class="sy_new_box_tit_p2"></p>
            <span>新歌首发</span><!--p2标签放到span后时，会以span作为左边，所以不能实现相对定位-->
         </div>

         <!--语种导航-->
         <div class="sy_new_box_daohang">
            <ul>
               <li class="sy_new_box_daohang_li1"><a>内地</a></li>
               <li class="sy_new_box_daohang_li2"><a>港台</a></li>
               <li class="sy_new_box_daohang_li2"><a>欧美</a></li>
               <li class="sy_new_box_daohang_li2"><a>韩国</a></li>
               <li class="sy_new_box_daohang_li2"><a>日本</a></li>
            </ul>
            <a>全部
               <i class="sy_new_box_daohang_icon"></i>
            </a>
         </div>

         <!--轮播部分-->
         <div class="lunbo" id="lunbo">
            <ul id="lunbo_ul" class="lunbo_ul">
               <li id="bo1">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_1.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo2">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_2.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">七分钟好女孩</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>周笔畅</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo3">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_3.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">摇滚交响</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>崔健</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo4">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_4.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">明日之子 第10期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>明日之子</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo5">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_5.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">TFboys 四周年演唱会</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>TFboys</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo6">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_6.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">等着你回来</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>刘涛</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo7">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_7.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo8">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_8.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo9">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_9.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo10">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_10.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo11">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_11.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo12">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_12.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo13">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_13.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo14">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_14.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo15">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_15.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo16">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_xgsf_lunbo_16.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="   lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span>中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
            </ul>
            <ul class="num"></ul>
         </div>
      </div>
   </div>



  
   <!--精彩推荐-->
   <div class="sy_splendid">
      <!--左边按钮外包盒子-->
      <div class="sy_new_left">
         <!--左按钮-->
      <a class="sy_new_left_bt" id="jc_sy_new_left_bt" href="javascript:lunboLeft()"><i class="s_n_l_bt_icon"></i></a>
      </div>
      <!--右边按钮外包盒子-->
      <div class="sy_new_right">
         <!--右按钮-->
      <a class="sy_new_right_bt" id="jc_sy_new_right_bt" href="javascript:lunboRight()"><i class="s_n_r_bt_icon"></i></a>
      </div>

      <!--内容盒子-->
      <div class="sy_new_box">
         <!--标题-->
         <div class="sy_new_box_tit">
            <p class="sy_new_box_tit_p1"></p>
            <p class="sy_new_box_tit_p2"></p>
            <span>精彩推荐</span><!--p2标签放到span后时，会以span作为左边，所以不能实现相对定位-->
         </div>

         <!--轮播部分-->
         <div class="lunbo_jc" id="lunbo_jc">
            <ul class="lunbo_jc_ul">
               <li class="lunbo_jc_li0"><img src="images/jctj_0.jpg" /></li>
               <li class="lunbo_jc_li1"><img src="images/jctj_1.jpg" /></li>
               <li class="lunbo_jc_li2"><img src="images/jctj_2.jpg" /></li>
            </ul>
            <!-- <ul class="num"></ul> -->
         </div>
      </div>
   </div>




   <!--热门歌单-->
   <div class="sy_hot">
      <!--左边按钮外包盒子-->
      <div class="sy_new_left">
         <!--左按钮-->
      <a class="sy_new_left_bt" id="sy_new_left_bt" href="javascript:lunboLeft()"><i class="s_n_l_bt_icon"></i></a>
      </div>
      <!--右边按钮外包盒子-->
      <div class="sy_new_right">
         <!--右按钮-->
      <a class="sy_new_right_bt" id="sy_new_right_bt" href="javascript:lunboRight()"><i class="s_n_r_bt_icon"></i></a>
      </div>

      <!--内容盒子-->
      <div class="sy_new_box">
         <!--标题-->
         <div class="sy_new_box_tit">
            <p class="sy_new_box_tit_p1"></p>
            <p class="sy_new_box_tit_p2"></p>
            <span>热门歌单</span><!--p2标签放到span后时，会以span作为左边，所以不能实现相对定位-->
         </div>

         <!--轮播部分-->
         <div class="lunbo" id="lunbo_hot">
            <ul id="lunbo_ul" class="lunbo_ul">
               <li id="bo1">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_1.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo2">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_2.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">七分钟好女孩</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">周笔畅</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo3">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_3.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">摇滚交响</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">崔健</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo4">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_4.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">明日之子 第10期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">明日之子</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo5">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_5.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">TFboys 四周年演唱会</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">TFboys</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo6">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_6.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">等着你回来</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">刘涛</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo7">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_7.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo8">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_8.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo9">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_9.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo10">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_10.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo11">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_11.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
               <li id="bo12">
                  <div class="lunbo_ul_li_div_up">
                     <a href="">
                        <img class="pic" src="images/sy_hot_12.jpg">
                        <i class="zhezhao"></i>
                        <i class="lunbo_u_l_icon"></i>
                     </a>
                  </div>
                  <div class="lunbo_ul_li_div_down">
                     <div class="lunbo_u_l_d_d_box">
                       <h4>
                        <span>
                           <a class="lunbo_u_l_d_d_box_tit1" href="">中国新歌声第二季 第7期</a>
                           <a href="" name="更多" class="lunbo_u_l_d_d_box_more"><i class="lunbo_u_l_d_d_icon"></i></a>
                        </span><br>
                        <span class="h4_span_last">中国新歌声</span>
                       </h4> 
                     </div>
                  </div>
               </li>
            </ul>
            <ul class="num"></ul>
         </div>
      </div>
   </div>






   <!--footer文档结尾-->
   <div class="footer">
      <div class="footer_box">
         <!--文档结尾第一行小标题-->
         <span class="footer_tit">
            <div class="footer_tit_1">下载QQ音乐客户端</div>
            <div class="footer_tit_2">特色产品</div>
            <div class="footer_tit_3">合作链接</div>
         </span>
         <!--小标题下对应的的内容-->
         <div class="footer_tit_content">
            <!--“下载QQ音乐客户端”下的内容-->
            <ul class="f_t_c_ul1">
               <li class="f_t_c_ul1_list1">   <a>  <i class="f_t_c_ul1_list1_i"></i>      PC版<a>   </li>
               <li class="f_t_c_ul1_list2">   <a>  <i class="f_t_c_ul1_list2_i"></i>     MAC版<a>   </li>
               <li class="f_t_c_ul1_list3">   <a>  <i class="f_t_c_ul1_list3_i"></i> Android版<a>   </li>
               <li class="f_t_c_ul1_list4">   <a>  <i class="f_t_c_ul1_list4_i"></i>  iPhone版<a>   </li>
            </ul>
            <!--“特色产品下的内容”-->
            <ul class="f_t_c_ul2">
               <li class="f_t_c_ul2_list1">   <a>  <i class="f_t_c_ul2_list1_i"></i>     全民k歌<a>   </li>
               <li class="f_t_c_ul2_list2">   <a>  <i class="f_t_c_ul2_list2_i"></i> Super Sound<a>   </li>
               <li class="f_t_c_ul2_list3">   <a>  <i class="f_t_c_ul2_list3_i"></i>       Qplay<a>   </li>
               <li class="f_t_c_ul2_list4">   <a> 车载互联<a>   </li>
               <li class="f_t_c_ul2_list5">   <a> QQ演出<a>   </li>
            </ul>
            <!--“合作链接下的内容”-->
            <ul class="f_t_c_ul3">
               <li>
                  <ul>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                  </ul>
               </li>

               <li>
                  <ul>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                  </ul>
               </li>

               <li>
                  <ul>
                     <li></li>
                     <li></li>
                     <li></li>
                     <li></li>
                  </ul>
               </li>
            </ul>
         </div>
      </div>
   </div>
      
   </body>
</html>